<template >
	<div class="contain">
		<div class="contain-header">
			<el-breadcrumb separator="/">
				<el-breadcrumb-item>医生提现审核</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<div class="contain-body">
			<div class="body-header">
				<el-form :inline="true" size="mini">
					<el-form-item label="医生姓名">
						<el-input  placeholder="请输入医生姓名"></el-input>
					</el-form-item>
					<el-form-item label="提现时间">
						<el-date-picker
								type="date"
								placeholder="选择日期">
						</el-date-picker>
					</el-form-item>
					<el-form-item label="排序">
						<el-select  placeholder="请选择排序">
							<el-option label="时间正序" value="0"></el-option>
							<el-option label="时间倒序" value="1"></el-option>
						</el-select>
					</el-form-item>
					<el-form-item>
						<el-button type="primary" icon="el-icon-search">查 询</el-button>
						<el-button type="primary" icon="el-icon-refresh">刷 新</el-button>
					</el-form-item>
				</el-form>
			</div>
			<div class="body-table">
				<el-table
						:data="tableData"
						style="width: 100%">
					<el-table-column
							type="index"
							label="序号"
							width="50px"
							align="center"
					>
					</el-table-column>
					<el-table-column
							prop="name"
							label="医生名称"
							align="center"
					>
					</el-table-column>
					<el-table-column
							prop="sex"
							label="性别"
							align="center"
					>
					</el-table-column>
					<el-table-column
							prop="age"
							label="年龄"
							align="center"
					>
					</el-table-column>
					<el-table-column
							prop="idCard"
							label="身份证号"
							show-overflow-tooltip
							align="center"
					>
					</el-table-column>
					<el-table-column
							prop="tel"
							label="联系电话"
							show-overflow-tooltip
							align="center"
					>
					</el-table-column>
					<el-table-column
							prop="money"
							label="提现金额"
							align="center"
					>
					</el-table-column>
					<el-table-column
							label="操作"
							align="center"
					>
						<template slot-scope="scope">
							<el-button type="text" size="mini" @click="pass">通 过</el-button>
						</template>
					</el-table-column>
				
				</el-table>
			</div>
			<div class="body-page">
				<el-pagination
						@size-change="handleSizeChange"
						@current-change="handleCurrentChange"
						:current-page="5"
						:page-sizes="[100, 200, 300, 400]"
						:page-size="100"
						layout="total, sizes, prev, pager, next, jumper"
						:total="400">
				</el-pagination>
			</div>
		</div>
	</div>
</template >

<script >
    export default {
        data(){
            return{
                tableData:[]
            }
        },
        methods: {
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
            },
            pass() {
                this.$confirm('通过该提现审核, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    this.$message({
                        type: 'success',
                        message: '禁用成功!'
                    });
                })
            }
        },
    }
</script >

<style scoped lang="less">
	.contain{
		width: 100%;
		height: 100%;
		.contain-header{
			width: 100%;
			height: 50px;
			display: flex;
			align-items: center;
		}
		.contain-body{
			width: 100%;
			height: calc(100% - 50px);
			background-color: #fff;
			padding: 1%;
			box-sizing: border-box;
			.body-header{
				width: 100%;
				height: 50px;
			}
			.body-table{
				width: 100%;
				height: calc(100% - 120px);
			}
			.body-page{
				width: 100%;
				height: 70px;
				display: flex;
				align-items: center;
			}
		}
	}
</style >
